.language-switcher {
  text-align: center;
  position: relative;
  z-index: 1;
}

.language-icon {
  display: inline-block;
  width: 44px;
  height: 30px;
  background: url(./assets/flags_responsive.png) no-repeat;

  &-for-switcher {
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 2px 2px black;
    transition: transform 0.15s;
  }

  &-for-sidebar {
    transform: scale(.85);
    margin-left: -4px;
    margin-top: 3px;
  }

  &:hover {
    transform: scale(1.1);
  }

  &--en {
    background-position: 0 92.561983%;
  }

  &--de {
    background-position: 0 22.31405%;
  }

  &--fi {
    background-position: 0 27.69%;
  }

  &--fr {
    background-position: 0 29.752066%;
  }

  &--ru {
    background-position: 0 75.206612%;
  }

  &--cn {
    background-position: 0 19.005%;
  }

  &--pl {
    background-position: 0 70.66%;
  }

  &--es {
    background-position: 0 26.86%;
  }

  &--br {
    background-position: 0 12%;
  }

  &--it {
    background-position: 0 42.975207%;
  }

  &--ko {
    background-position: 0 47.52%;
  }

  &--nl {
    background-position: 0 -4740px;
  }

  &--hu {
    background-position: 0 -2850px;
  }
  &--jp {
    background-position: 0 -3210px;
  }
  
  &--bg {
    background-position: 0 -660px;
  }

  &--nb {
  	background-position: 0 -5760px;
  }

  &--ua {
    background-position: 0 91.71%
  }
}

.language-text {
  cursor: pointer;
}
